<template>
  <div class="VueAmazingSelector">
    <input
      id="VueAmazingSelector_input"
      class="VueAmazingSelector_input"
      :value="value"
      @change="$emit('input', $event.target.value)"
      ref="VueAmazingSelector_input"
    />
  </div>
</template>

<script>
export default {
  name: 'VueAmazingSelector',
  components: {},
  model: {
    prop: 'value',
    event: 'input',
  },
  props: {
    value: '',
  },
  data() {
    return {};
  },
  computed: {},
  watch: {
    value: {
      handler(e, l) {
        console.log(e);
      },
    },
  },
  created() {},
  async mounted() {
    console.log(this.$refs.VueAmazingSelector_input);
  },
  methods: {},
};
</script>

<style scoped lang="less">
.VueAmazingSelector_input {
}
</style>
